html{ font-size:62%; font-family:Î¢ÈíÑÅºÚ !important;}
body{ overflow: auto;}
.fa-home:before {
	content: "\f015"
}

.mindex{ display:none;}
.mnavbar{ position: fixed; top:0; left:0; z-index:99; width:100%; height:50px;display:none; }
.mnavbar .fa{ display:block; width:22px; height:22px;  position:absolute; top:14px; right:10px; font-size:20px; color:#6ac5ff; z-index:999;}
#tlmnav{ clear:both; position:relative; background-color:rgba(0,0,0,1); z-index:99; width:100%;
transition: all .8s;
-moz-transition: all .8s; /* Firefox 4 */
-webkit-transition: all .8s; /* Safari ºÍ Chrome */
-o-transition: all .8s; /* Opera */
}
.hmbutton{ position:absolute; top:0; left:0;}
#mmenu{ position: fixed; top:-100vh; left:0;width:100%; height:100vh; background-color:rgba(0,0,0,1); overflow-y:scroll; z-index:9;
		transition: all .4s;
-moz-transition: all .4s; /* Firefox 4 */
-webkit-transition: all .4s; /* Safari ºÍ Chrome */
-o-transition: all .4s; /* Opera */
		}
		

		
.mbbslider{ display:none;}
.bslider{ min-width:1200px;height:600px; overflow:hidden; position:relative;}
.bxslider li{ height:600px; overflow:hidden;}
.bxslider li a{ display:block; width:100%; height:600px; position:absolute; top:0; left:0; z-index:9;}
.slider1 div{min-width:1200px; height:600px;}
.mindex{ display:none;}

.sublist{ display:none;}
.searchcp{ text-align:center; padding-top:20px; width:100%; background:#FFF; height:60px;}
#scptext{ width:35% !important;height:30px !important; line-height:30px !important;}
.scpbutt{ height:30px; text-align:center;}

.zxkf{ position: fixed;right: 0;bottom: 20%; z-index: 999; background: url("http://www.soyocn.net/images/2016/zxkf.png") no-repeat;
    display: block;
    width: 100px;
    height: 121px;}
.zxkf a  {display: block;
    width: 100px;
    height: 121px;
    border-radius: 20px;    
    font-weight: 600;}


@media (max-width: 800px){
	
	.zxkf,.zxkf a  {    width: 50px; background-size: 100%;}
	.mbbslider{ display: inherit; min-width:900px;height:460px; overflow:hidden; position:relative;}
	.searchcp{ position:fixed; top:40px; z-index:5;}
	#scptext{ width:80% !important;}
.scpbutt{ background: #6ac5ff !important; border-radius:none; font-size:18px;}
	.mnavbar{ display:block;}
	.logom{ display:block; width:100%; text-align:center; height:50px; line-height:70px;}
	.logom img{ max-height:30px; width:auto;}
	 .navmore{display:block; width:100px; position:absolute; font-size:12px; top:-3px; left:30px;color: #6ac5ff;}	
	.header-m,.tl-header-nav-wide,.footerinfo{ display:none;}

	.bx-wrapper .bx-viewport {	min-height:500px !important; height:500px !important;}
.bslider{ min-width:100% !important;height:500px; overflow:hidden !important}
.mbbslider{ min-width:100% !important;height:500px; overflow:hidden !important}
.mbbxslider li { height:500px; overflow:hidden;}
.mbbxslider li a{ display:block; width:100%; height:500px; position:absolute; top:0; left:0; z-index:9;}
.mbbxslider li div{  min-width:100% !important; height:500px; background-size:auto 500px !important;}
.bxslider li { height:500px; overflow:hidden;}
.bxslider li a{ display:block; width:100%; height:500px; position:absolute; top:0; left:0; z-index:9;}
.bxslider li div{  min-width:100% !important; height:500px; background-size:auto 500px !important;}

.grid480{ display:none; min-width:100%; width:100%; height:auto; overflow:hidden; background:#252525;}
.grid480 li{ display:inline-block; width:50%; height:130px;  background:#252525;}
.grid480 li a{ min-height:130px;background-size: auto 125px; background-position: top center;border-top: 1px solid #000;}



#mmenu.showmmenu{top:0;}
.mpannel li ul{ display:none; }
.mpannel{ width:70%; margin:80px auto; font-size:14px;}
.mpannel ul li a{ display:block;height:40px; font-size:14px; line-height:40px; color:#fff;}
.mpannel ul li a:hover,.mpannel ul li a:active {color:#fff}
.mpannel ul{ margin:0; padding:0; list-style:none;}
.mpannel ul li{ color:#fff; line-height:50px; border-bottom:1px solid #2c688f;}
.mpannel ul li ul a{ display:block;height:28px; font-size:12px; line-height:24px; color: #fff; padding-left:35px;}

.mindex{ display:block;}
.mindex img{ max-width:100%; height:auto;}
.mindex { padding:0;}
.mindex div{ margin-top:5px;}


.remen-section,.xk-section,.zb-section,.ssd-section,.subchannel-section,.prosubchannel-section,.links-section,.footer-section{ width:100% !important; min-width:100%;height:auto !important; margin-top:0; background:none; border-top:2px solid #013200;}
.footer-section{ min-height:inherit; padding:0px;}
.remenp-section,.section-title,.copyrightinfo{ width:100%;height:auto !important; margin-top:0; background:none;}
.remenp-section,.xkp-section,.zbp-section,.ssdp-section{ margin-bottom:0;}
.section-title h1{ position:static; padding-left:15px; margin-bottom:-8px;}
.section-title h2{ top:5px;}
.section-title em{ display:none;}
.remenpb,.zbpb{ width:49.33%; position: static; height:auto !important; display:table-cell;}
.remenpb img,.xkpb img,.zbpb img,.ssdpb img{ max-width:100%; height:auto;}
.remenp-section:after,.remenpb:after,.xkp-section:after,.zbp-section:after,.ssdp-section:after{ content:unset;}
.remenp3{ display:none;}

.xkp-section,.xkpb,.zbp-section,.zbpb,.ssdp-section,.ssdpb{ width:100%; height:auto !important;}
.xkpb,.zbpb,.ssdpb{ position:static !important;}
.xkp400x420-3,.xkp400x210-1,.xkp400x210-2,.xkp400x210-3,.zbp400x400-3,.zbp600x230,.zbp300x230-1,.zbp300x230-2,.ssdp400x400-3{ display:none;}
.xkp800x210{ width:100%; display:block;}
.xkp800x210:hover{ width:100%; }
.xkp400x420-1,.xkp400x420-2,.zbp400x400-1,.zbp400x400-2,.ssdp400x400-1,.ssdp400x400-2{ display:table-cell; width:49.33% !important;}


.subchannel-l{ display:none;}
.subchannel-r,.prosubchannel-r{ width:100%; padding-top:50px; float:unset;}
.subchannel-content{ width:100% !important;padding-left: 20px;padding-right: 20px;}
.proxk1920x380,.prozb1920x380,.prossd1920x380,.productlist_nav h1{ display:none;}
.prosubchannel-l{ position:fixed; top:100px; z-index:5; width:100%; min-height:inherit; background:#FFF;}
.prosubchannel-r{ width:100%; padding-top:100px; float:unset;}

.productlistgrid li{ width:47%; padding-left:5px; padding-right:5px;}
.productlistgrid li div{ width:100%;}
.productlistgrid li img { max-width:100%;}

.productlist_nav{ /*overflow:visible !important; overflow-y: scroll;*/ height:60px;}
.prolistdropdown h4{ border:hidden;}
.productlist_nav .show{ display:none;}


.productlist_nav ul{ width:100%;}
.prolistdropdown{ display: inline-block; width:120px; float:left; height:40px; line-height:40px; text-align:center; }
.prolistdropdown h4{ border:3px solid #fff; border-radius:10px;background:#f1f1f1; }
.sublist{background:rgba(255,255,255,.9); overflow-y:scroll; position: fixed; top:150px; width:100%; height:70vh; padding-bottom:100px;}
.sublist li {  text-align: center; font-size: 1.3rem; line-height:40px; border-bottom:1px solid #f1f1f1;}

.selectedidclass{ background:none;}

.prolistdropdown em,.emrotate{ display:none; }

	
.prolistdropdown-menu { height:80vh;overflow-y: scroll;}
.prolistdropdown-menu li{ padding-left:60px; border-bottom:1px solid #0C0; line-height:40px;}



/*zt*/
.ppreview-section{ min-width:100%;width:100%;}
.ppreview-l,.ppreview-r{ display: block; width:100%; position:relative; padding:10px; }
/*.ppreview-l{ border-right:1px solid #000; }*/
.ppreview-r{ margin-left:0; }
.ppreview-slider{ width:100%; position: relative; padding-top:30px;}



.ppreview-slider .bx-wrapper .bx-viewport {	min-height:auto !important; height:auto !important;}
#ppreviewsliderthumb{ width:100%; margin:0 auto; overflow:hidden; }
#ppreviewsliderthumb a { display:inline-block;border:1px solid #f1f1f1; width:15%;}
#ppreviewsliderthumb a:hover{border:1px solid #6fb92e;}
#ppreviewsliderthumb img{ max-width:100%; height:auto;}

.ptitle{ margin:0; padding-top:20px;}
.ptitle h1{ color:#6fb92e;font-family:"Gotham SSm A","Gotham SSm B","Lucida Grande","Lucida Sans Unicode","Î¢ÈíÑÅºÚ",STXihei,"»ªÎÄÏ¸ºÚ","Microsoft YaHei New","Microsoft Yahei","Helvetica","Arial","Verdana","sans-serif";}
.ptitle h2{ color:#333333; font-size:14px; line-height:28px; font-weight:200; min-height:20px !important;}
.ptitle p{ color:#333333; font-size:14px; line-height:28px; font-weight:200;}

.buy-icons{ width:100%; height:100px; margin:100px 0 0 130px; display:none;}
.buy-icons span{ display: inline-table;min-width:80px;}
.buy-icons b { display:block; width:120px; height:30px; line-height:30px; border:1px solid #ff8e4a; border-radius:10px;background-color:#ff8e4a; color:#FFF; text-align:center; font-weight:500; margin-right:10px; margin-top:-50px;}

.ztsubnav-section{ width:100%; height:60px; text-align:center; margin:0 auto 20px auto; color:#000; line-height:100px;}
.ztsubnav-section a { color:#000; font-size:18px; font-weight:500;}
.ztsubnav-section .zongshu{color:#6fb92e;}
.ztsubnav-section .sep { margin-right:10px; margin-left:10px; color:#000; font-weight:lighter;}
.zt-section{ width:100%;background-color:#fff; line-height:28px;}
.zt-section img { display:block;}

.ztcanshugrid ul li{ display:block !important; width:100% !important;}
.ztcanshugrid ul li:first-child{ font-weight:bold !important;}
.ztcanshugrid ul li:last-child::before{ content:unset !important;}
#canshupop{ margin-top:100px !important;}
#canshupop:before{content:"X"; display:block; width:100px; color:#FFF; font-weight:bold; position:absolute; top:-20px; left:0;}
#canshupop h1{ margin-top:20px !important;}
.qudongxiazai,.zongshu{ display:none;}

#ztcontent { width:100% !important; margin:0 !important;}
#ztcontent img { max-width:100% !important; height:auto !important;}
}



@media (max-height: 370px){
	.prolistdropdown-menu { height:65vh;overflow-y: scroll;}
	.sublist{height:65vh;  overflow-y:scroll;}
}

/***********************************************************************************/



